@import "./base.css";
@import "./transition.css";

@import "./variable.scss";
@import "./mixin.scss";

#app {
	width: 1200px;
	margin: 0 auto;
	font-weight: normal;
	background-color: $graye;
}

.title {
	background-color: #ddd;
	padding: 5px;
	text-align: center;
}

.borderbox {
	width: 100%;
	// height: 100%;
	min-height: 20rem;
	border: 1px solid $grayc;
	padding: 2px;
	border-radius: 2px;
	text-align: center;
	// background-color: white;
}

.el-menu {
	border: 0;
	width: 100%;

	/* 让出2像素 否则菜单项高亮时边缘会溢出 需要浏览器慢慢调试o(╥﹏╥)o */
	.el-menu-item {
		width: 198px;
		min-width: 198px;
	}
}

// 菜单项激活时的背景颜色
.is-active {
	background-color: rgb(46, 57, 65);
}

.pointer {
	cursor: pointer;
}

.centerbox {
	display: flex;
	justify-content: center;
	align-items: center;
}

.card {
	padding: 10px;
	background-color: white;
	border-radius: 5px;
}

.wrapper {
	width: 100%;
}

.stat-main {
	// width: 100%;
	height: 350px;
}
